<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>CSS icon set -- by Wenting Zhang</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>

<body>
	<div class="iconWrapper">
	    <div class="search icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="search plusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="search minusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="close icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="hamburger icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowLeft icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowRight icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowUp icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowDown icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="plus icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="minus icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="check icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="remove icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="trash icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="audio icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pin icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="chat icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="stop icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h3 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h3 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h9 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h9 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="profile icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar3 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar checkI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar removeI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar contact icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar paragraph icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="bell icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="heart icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="print icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="edit icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="link icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="map icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mail icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bookmark icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="camera icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="focus icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="card icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock unlocked icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeMute icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumePlus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeMinus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeOne icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeTwo icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeThree icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="code icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="flag icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tag icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="signal icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="moon icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="sun icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="raindrop icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="umbrella icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="thermometer icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="export icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="download icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="upload icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="shutdown icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="shut icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="paperclip icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="retweet icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="refresh icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pilcrow icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="justified icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="leftaligned icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="centered icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="rightaligned icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="indent icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="outdent icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery batteryOne icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery batteryTwo icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery batteryThree icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="anchor icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="browser icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tv icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="laptop icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mobile icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tablet icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="picture icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="watch icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="target icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="navigate icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="float icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud icon"><i class="downArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud icon"><i class="upArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="more icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="vmore icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mouse icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="keyboard icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="face smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face tongue icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink tongue icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face doublewink smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face laugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink laugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face teethlaugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink teethlaugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face doublewink bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face doublewink sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle plusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle minusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle checkI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle removeI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square plusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square minusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square checkI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square removeI icon"></div>
	</div>
</body>

</html>
